<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的</title>
    <link rel="stylesheet" href="../css/amazeui.css">
    <link rel="stylesheet" href="../css/weui.css">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

</head>
<style>
    .justified {
        text-align: justify;
    }

    .justified::before {
        content: "";
    }

    .justified::after {
        content: "";
        width: 100%;
        display: inline-block
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body,
    html {
        width: 100%;
        background: #ebecf1;
    }

    header {
        text-align: center;
        height: 44px;
        line-height: 44px;
        border-bottom: 0.5px solid #bbbbbb;
        position: relative;
        background: #fff;
    }

    .am-input-group-label {
        background: #fff;
        border: none;
        font-size: 16px;
    }

    .am-form-field {
        border: none;
        text-align: right;
        outline: none;
        padding-right: 16px;
        font-size: 16px;

    }

    .am-input-group {
        position: relative;
        padding:  10px;
        background: #fff;
        padding-left:0;
    }

    .am-input-group::after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #cccccc;
        left: 0;
        transform: scaleY(0.5);
        z-index: 3
    }
    .res-btn button { 
    font-size: 14px; 
    color: #000;
    background: #fff;
    padding: 10px;
    outline: none;
    font-size: 18px !important;
    }
    .res-btn{
        margin: 0 auto;
        margin-top: 70px;
    }
    
    html {
        padding-bottom: 53px;
    }

    .weui-tab {
        position: fixed;
        bottom: 0;
        width:100%;
        height: auto;
    }

    .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
    .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,
    .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label {
        color: #348afd;
    }

    .weui-tab__panel {
        display: none;
    }

    .block {
        display: block;
    }

    .weui-tabbar__item>img {
        padding: 2px;
        border-radius: 0px;
    }

    .weui-tabbar__item>p {
        font-size: 12px;
        margin: 0;
    }
    .am-input-group-label>img{
        width: 30px;
        margin-right: 10px;
    }
</style>

<body>
    <div style="display:none" class="list_box">
        <div class="am-input-group">
            <span class="am-input-group-label "><img src="../images/xingming.png">姓名：</span>
            <div class="am-form-field Name">---</div>
        </div>
        <div class="am-input-group">
            <span class="am-input-group-label"><img src="../images/zhiwei.png">职位：</span>
            <div class="am-form-field Duty">---</div>
        </div>
        <div class="am-input-group">
            <span class="am-input-group-label"><img src="../images/bumen.png">所属部门：</span>
            <div class="am-form-field Department">---</div>
        </div>
        <div class="am-input-group">
            <span class="am-input-group-label"><img src="../images/gerenshouji.png">个人手机号：</span>
            <div class="am-form-field Phone">---</div>
        </div>
    </div>
    <div style="display:none;" class="put am-input-group">
        <span class="am-input-group-label"><img src="../images/gerenshouji.png">个人手机号：</span>
        <div class="am-form-field Phone2">---</div>
    </div>
    <div class="res-btn">
        <button type="button" id="res-btn" class="am-btn am-btn-block">退出登录</button>
    </div>
    <div class="weui-tab">
        <div class="weui-tabbar">
            <a href="guanyu.html" class="weui-tabbar__item ">
                <img src=".././images/guanyuicont.png" data-oldsrc=".././images/guanyuicont.png" data-newsrc=".././images/newguanyuicont.png"
                    alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label">关于海贷</p>
            </a>
            <a href="haidaichanpin.html" class="weui-tabbar__item">
                <img src=".././images/gengduo.png" data-oldsrc=".././images/gengduo.png" data-newsrc=".././images/newgengduo.png"
                    alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label">海贷产品</p>
            </a>
            <a href="dingfan.html" class="weui-tabbar__item">
                <img src=".././images/dingdan.png" data-oldsrc=".././images/dingdan.png" data-newsrc=".././images/newdingdan.png"
                    alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label">我的订单</p>
            </a>
            <a href="wode.html" class="weui-tabbar__item  weui-bar__item_on">
                <img src=".././images/newgeren.png" data-oldsrc=".././images/geren.png" data-newsrc=".././images/newgeren.png"
                    alt="" class="weui-tabbar__icon">
                <p class="weui-tabbar__label">我的</p>
            </a>
        </div>
    </div>
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/amazeui.js"></script>
    <script>
        var http = localStorage.getItem('http')
        var UserId = localStorage.getItem('UserId')
        var Access_token = localStorage.getItem('Access_token')
        var Refresh_token = localStorage.getItem('Refresh_token');
        $.ajax({
            type: 'GET',
            headers: {
                "Authorize": Access_token + '|' + Refresh_token,
                "MemberId": UserId
            },
            url: http + '/api/member/GetMemberInfo',
            data: {
                keyValue: UserId
            },
            dataType: "json",
            contentType: 'json',
            success: function (data) {
                console.log(JSON.stringify(data));
                if (data.resultdata.Type == false) {
                    $('.put').show();
                    $('.list_box').hide()
                    $('.Phone2').text(data.resultdata.Phone)
                } else {
                    $('.list_box').show()
                    $('.Name').text(data.resultdata.Name)
                    $('.Duty').text(data.resultdata.Duty)
                    $('.Department').text(data.resultdata.Department)
                    $('.Phone').text(data.resultdata.Phone)
                }
            },
            error: function (err) {
                console.log(JSON.stringify(err));
            }
        })
        $('.res-btn').click(function(){
            localStorage.clear();
            window.location.replace("./login/login.html")
        })
    </script>
</body>

</html>